.big {
    width: 100%;
    // height: 100%;
    // display: flex;
    // flex-direction: column;
    // .first{
    //   width: 100%;
    //   height: 465rpx;
    //   position: absolute;

    // }
    .first {
        position: relative;
        width: 100%;
        height: 365rpx;
        background-image: -webkit-linear-gradient(325deg, #1584f5, #37a3fe);
        overflow: hidden;

    }

    .first:after {
        left: 0;
        right: 0;
        content: '';
        z-index: 1;
        width: 110%;
        bottom: -99px;
        height: 289rpx;
        position: absolute;
        margin-left: -21px;
        background-color: white;
        border-top-left-radius: 59%;
        border-top-right-radius: 59%;
    }

    .top {
        width: 676rpx;
        height: 356rpx;
        position: relative;
        background-color: white;
        top: -148px;
        margin: 0px 20px;
        border-radius: 13px;
        z-index: 2;

        .top_box {
            width: 55%;
            height: 100%;
            float: left;

            .p {
                padding: 25px 0px 0px 25px;
            }

            .h1 {
                margin-left: 28px;
                font-size: 24px;
                padding: 24px 0px 0px 0px;
            }

            .top_span {
                display: flex;
                margin-left: 28px;
                padding-top: 17px;
            }

            img {
                width: 22px;
                height: 22px;
            }
        }

        .top_img {
            width: 45%;
            height: 100%;
            border-radius: 0px 13px 13px 0px;
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 41px 100%);
        }
    }

    .iconfont {
        width: 80rpx;
        height: 70rpx;
        display: flex;
        flex-direction: column;
        size: 50rpx;
        font-size: 50rpx;
        margin-left: 40rpx;
        margin-top: 20rpx;

        p {
            font-size: 25rpx;

        }


    }

    .deep {
        width: 100%;
        height: 130rpx;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        display: flex;

        span {
            width: 70rpx;
            height: 100rpx;
            display: flex;
            flex-direction: column;

        }

        button {
            width: 240rpx;
            height: 90rpx;
            text-align: center;
            line-height: 90rpx;
        }

        .ask {
            background-color: rgb(253, 174, 105);
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px;
            color: #F6DDBB;
            margin-left: 208rpx;
            margin-top: 13rpx;
            font-size: 16px;
            font-weight: 600;
        }

        .phone {
            background-image: -webkit-linear-gradient(375deg, #FB6F6B, #FFA26C);
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            margin-top: 13rpx;
            color: #FBEBEC;
            font-weight: 500;
            font-size: 16px;
        }
    }

    .fix {
        width: 140rpx;
        height: 140rpx;
        position: fixed;
        right: 60rpx;
        bottom: 300rpx;

        .fixed {
            display: block;
            background-color: #fff;
            width: 80rpx;
            height: 80rpx;
            border-radius: 50%;
            border: 3px solid rgb(240, 29, 29);
            margin-left: 26rpx;
        }

        .spans {
            margin-top: -10rpx;
            display: block;
            border-radius: 40rpx;
            text-align: center;
            line-height: 40rpx;
            width: 140rpx;
            height: 40rpx;
            font-size: 12px;
            color: #fff;
            background-color: #FD616C;
        }
    }

    .main {
        width: 100%;
        flex: 1;
        // height: 300rpx;
        display: flex;
        overflow: hidden;
        position: relative;
        flex-direction: column;
        top: -230rpx;

        .salehouse {
            width: 100%;
            height: 130rpx;
            display: flex;
            line-height: 120rpx;
            background-color: #fff;
            .active{
                color: black;
                font-weight: 700;
                font-size: 20px;

            }

            h3 {
                margin-left: 50rpx;
                font-size: 18px;
                color: #999;
            }
           
            p {
                margin-left: 90rpx;
            }

            span {
                margin-left: 340rpx;
            }
        }

        .house {
            width: 100%;
            // height: 424rpx;
            flex: 1;
            // margin-top: 30rpx;
            display: flex;
            flex-direction: column;

            dl {
                width: 100%;
                margin-top: 60rpx;
                height: 100%;
                display: flex;

                dt {
                    margin-left: 40rpx;

                    img {
                        width: 250rpx;
                        height: 200rpx;
                        border-radius: 14rpx;
                    }
                }

                dd {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    display: inline-block;

                    .dd-p {
                        font-size: 18px;
                        margin-left: 16rpx;
                        font-weight: 500;
                    }

                    .dd-span {
                        width: 100%;
                        height: 40rpx;

                        display: flex;
                        font-size: 14px;
                        margin-top: 40rpx;
                        margin-left: 16rpx;

                        .dd-p2 {
                            margin-left: 150rpx;
                            font-size: 12px;
                        }
                    }

                    .dd-span1 {
                        width: 100%;
                        height: 50rpx;
                        display: flex;
                        margin-top: 30rpx;

                        .dd-p3 {
                            margin-left: 16rpx;
                        }

                        .dd-p4 {
                            margin-left: 100rpx;
                            font-size: 13px;
                            color: #999;
                        }
                    }
                }
            }
        }

        .house2 {
            width: 100%;
            height: 240rpx;
            margin-top: 30rpx;
            border-bottom: 1px solid #ccc;
            display: flex;

            dl {
                width: 100%;
                height: 100%;
                display: flex;

                dt {
                    margin-left: 40rpx;

                    img {
                        width: 250rpx;
                        height: 200rpx;
                        border-radius: 14rpx;
                    }
                }

                dd {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    display: inline-block;

                    .dd-p {
                        font-size: 18px;
                        margin-left: 16rpx;
                        font-weight: 500;
                    }

                    .dd-span {
                        width: 100%;
                        height: 40rpx;

                        display: flex;
                        font-size: 14px;
                        margin-top: 40rpx;
                        margin-left: 16rpx;

                        .dd-p2 {
                            margin-left: 150rpx;
                            font-size: 12px;
                        }
                    }

                    .dd-span1 {
                        width: 100%;
                        height: 50rpx;
                        display: flex;
                        margin-top: 30rpx;

                        .dd-p3 {
                            margin-left: 16rpx;
                        }

                        .dd-p4 {
                            margin-left: 100rpx;
                            font-size: 13px;
                            color: #999;
                        }
                    }
                }
            }
        }

        .house3 {
            width: 100%;
            height: 240rpx;
            margin-top: 30rpx;
            border-bottom: 1px solid #ccc;
            display: flex;

            dl {
                width: 100%;
                height: 100%;
                display: flex;

                dt {
                    margin-left: 40rpx;

                    img {
                        width: 250rpx;
                        height: 200rpx;
                        border-radius: 14rpx;
                    }
                }

                dd {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    display: inline-block;

                    .dd-p {
                        font-size: 18px;
                        margin-left: 16rpx;
                        font-weight: 500;
                    }

                    .dd-span {
                        width: 100%;
                        height: 40rpx;

                        display: flex;
                        font-size: 14px;
                        margin-top: 40rpx;
                        margin-left: 16rpx;

                        .dd-p2 {
                            margin-left: 150rpx;
                            font-size: 12px;
                        }
                    }

                    .dd-span1 {
                        width: 100%;
                        height: 50rpx;
                        display: flex;
                        margin-top: 30rpx;

                        .dd-p3 {
                            margin-left: 16rpx;
                        }

                        .dd-p4 {
                            margin-left: 100rpx;
                            font-size: 13px;
                            color: #999;
                        }
                    }
                }
            }
        }
    }
}




//     }
//     .top{
//       // margin-top: 200rpx;
//       width: 85%;
//       margin: -200rpx auto;
//       border-radius: 22rpx;
//       height: 380rpx;
//       background: #fff;
//       display: flex;
//       border-bottom: 1px solid #ccc;
//     position: relative;
//       flex-direction: column;
//       .p{
//         margin-left: 40rpx;
//         margin-top: 40rpx;
//       }
//       h1{
//         font-weight: 700;
//         font-size: 25px;
//         margin-top: 40rpx;
//         margin-left: 40rpx;
//       }
//       .top_span{
//         display: flex;
//         width: 260rpx;
//         height: 60rpx;
//         margin-top: 40rpx;
//         margin-left: 40rpx;
//         .top_span_img{
//           width: 50rpx;
//           height: 50rpx;
//           // background-color: paleturquoise;
//         }
//         .top_span_p{
//           // margin-left: 10rpx;
//           font-size: 26rpx;
//           line-height: 60rpx;
//           // background-color: gold;
//         }
//       }
//       .top_spans{
//         display: flex;
//         width: 360rpx;
//         margin-left: 40rpx;
//         height: 60rpx;
//         margin-top: 20rpx;
//         img{
//           width: 50rpx;
//           height: 50rpx;
//         }
//         p{
//           width: 300rpx;
//           font-size: 26rpx;
//           line-height: 60rpx;
//         }
//       }
//       .top_img{
//         width: 260rpx;
//         height: 100%;
//         position: absolute;
//         top: 0;
//         right: 0;
//       }
//     }
//     // .kong{
//     //   width: 100%;
//     //   height: 240rpx;
//     //   background-color: #fff;
//     // }

//         h3{
//           margin-left: 60rpx;
//           font-size: 38rpx;
//           font-weight: 700;
//           line-height: 120rpx;
//         }
//         p{
//           margin-left: 100rpx;
//         }
//         span{
//           font-size: 14px;
//           margin-left: 320rpx;
//         }
//       }

//     }
//   }